<template>
	<view>
		<view class="userOption"><image src="../../static/user/record.png"/>浏览记录<span>></span></view>
		<view class="userOption">
			<navigator url="../../pages/readingPoint/readingPoint">
				<image src="../../static/user/recharge.png"/>阅读点充值<span>></span>
			</navigator>
		</view>
		<view class="userOption">
			<navigator url="../../pages/monthlyCard/monthlyCard">
				<image src="../../static/user/card.png"/>月卡充值<span>></span>
			</navigator>
		</view>
		<view class="userOption"><image src="../../static/user/service.png"/>客服中心<span>></span></view>
	</view>
</template>

<script>
	export default {
		name:"userCenter",
		data() {
			return {

			};
		}
	}
</script>

<style scoped>
	.userOption{
		height:7vh;
		width: 90vw;
		margin:0 auto;
		line-height: 7vh;
		border-bottom:1px solid rgba(0,0,0,0.1);
	}
	.userOption image{
		width: 5vw;
		height: 3vh;
		margin-top: 2vh;
		margin-right: 3vw;
		float: left;
	}
	.userOption span{
		height: 7vh;
		width: 5vw;
		float:right;
		color: rgba(0,0,0,0.2);
	}
</style>
